{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html">
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        {% block other_meta %}
        {% endblock %}
        <title>
            {% block title %}
            {% endblock %}
        </title>
        <link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.css' %}">
        <link rel="stylesheet" type="text/css" href="{% static 'css/jquery.dataTables.css' %}">
        <link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">

        <style>
            @media screen and (max-width: 650px){
                #carousel-adapt{display: none;}
                #carousel-pics{display: none;}
            }

        </style>

        {% block other_css %}
        {% endblock %}

        {% block style %}
        {% endblock %}
    </head>

    <body onload="//$('[name=tags]').tagify();">
    <div>
        <div class="navbar navbar-default navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="{% url 'app_TuringClass:Home_TuringClass' %}" style="padding-top: 2px">
                         <img src="{% static 'image/logo.png' %}" alt="" class="img-responsive">
                    </a>
                </div>

                <div class="navbar-collapse collapse navbar-right scroll-me">
                    <ul class="nav navbar-nav ">
                        <li {% if Home_active %} class="active" {% endif %}>
                            <a href="{% url 'app_TuringClass:Home_TuringClass' %}"> 主页 </a>
                        </li>

                        <li {% if Question_active %} class="active" {% endif %}  {% if not Login %} title="登录后才能提问" {% endif %}>
                            <a href="{% url 'app_TuringClass:Question' %}"> 我要提问 </a>
                        </li>


                        <!-- <li {% if QuestionTag_active %} class="active" {% endif %}>
                            <a href="{% url 'app_TuringClass:Tags' %}"> 问题标签 </a>
                        </li> -->


                        <li {% if DownLoadArea_active %} class="active" {% endif %} {% if not Login %} title="登录后才能下载" {% endif %}>
                            <a href="{% url 'app_TuringClass:DownloadArea' %}}"> 下载专区 </a>
                        </li>

                        <li {% if Help_active %} class="active" {% endif %}>
                            <a href="{% url 'app_TuringClass:HelpContent' %}" target="_blank"> 帮助 </a>
                        </li>
                        
                        <li {% if Login_active %} class="active" {% endif %}>
                            {% if Login %}
                                <a href="{% url 'app_Accounts:Logout' %}"> 退出 </a>
                            {% else %}
                                <a href="{% url 'app_Accounts:Login' %}"> 登录 </a>
                            {% endif %}
                        </li>

                        {% if Login %}
                        <li {% if Personal_active %} class="active" {% endif %}>
                            <a href="{% url 'app_TuringClass:PersonalInfo' %}" title="查看个人信息">
                                <span class="glyphicon glyphicon-user"></span>
                            </a>
                        </li>
                        {% endif %}
                    </ul>
                </div>

                <div>
                    
                </div>

            </div>

            <!--             
            <div class="search-box">
                <div id="sb-search" class="sb-search">
                    <form>
                        <input class="sb-search-input" placeholder="Enter your search questions..." type="search" name="search" id="search">
                        <input class="sb-search-submit" type="submit" value="">
                        <span class="sb-icon-search"> </span>
                    </form>
                </div>
            </div> 
            -->

            <script type="text/javascript" src = "{% static "js/classie.js" %}" ></script>
                <script type="text/javascript" src = "{% static "js/uisearch.js" %}" ></script>
                <script>
                    new UISearch( document.getElementById( 'sb-search' ) );
            </script>
                <!-- //search-scripts -->
            <div class="clearfix"></div>
        </div>
            <!-- NAVBAR CODE END -->
        
        <!--
        <div id="home">

            <div class="overlay">
                <div class="container">
                    <div class="col-md-8 col-md-offset-2 text-center">
                        <h2>We can see only a short distance ahead, but we can see plenty there that needs to be done.</h2>
                        <p class="p-cls">
                            图灵课程 - 线上问答系统
                        </p>
                    </div>

                </div>
            </div>
        </div>
        -->
        <div style="height: 50px"> </div>      
        <div id="carousel-adapt">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="height: auto; ">

          <!-- Indicators -->
          <ol class="carousel-indicators">
            
            <li data-target="#carousel-example-generic" data-slide-to="1" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            
          </ol>

          <!-- Wrapper for slides -->
          <div class="carousel-inner" role="listbox"  id="carousel-pics">
            
            <div class="item active">
              <img id="img-adapt" src="{% static 'image/2.png' %}" alt="...">
              <div class="carousel-caption">
                
              </div>
            </div>
            <div class="item">
              <img id="img-adapt" src="{% static 'image/3.png' %}" alt="...">
              <div class="carousel-caption">
                
              </div>
            </div>
            
          </div>

          <!-- Controls -->
          <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
            <span class="sr-only">Next</span>
          </a>
        </div>
        </div>
    </div>
        <!-- search-scripts -->
                          
        <!--HOME SECTION END  -->
        {% block content %}
            
        {% endblock %}
        <!--footer-->
        <div>
            <div class="footer-section" style="margin-bottom: 0px;">
                <div style="border-top: 2px  solid #eee;">
                   <div class="footer-box_left" style="margin-top: 7px">
                        <h5 align="center">联系我们</h5>
                        <p align="center">
                            <span class="glyphicon glyphicon-envelope"></span>&nbsp;E-MAIL:***@qq.com<br>
                            <!-- <span class="glyphicon glyphicon-earphone"></span>&nbsp;PHONE:15659****<br> -->
                            <span class="glyphicon glyphicon-pushpin"></span>&nbsp;邮政编码：361005<br>
                            <span class="glyphicon glyphicon-map-marker"></span>&nbsp;福建省厦门市思明区思明南路422号<br>
                        </p>
                    </div>

                    <div class="footer-box_mid" style="margin-top: 7px">
                        <h5 align="center">厦门大学图灵课堂</h5>
                        <div style="padding: 0px 30px;">
                            <p >&emsp;&emsp;旨在帮助学生们提高相关课程学习质量，服务学生更好的利用计算机工具。</p>
                            <!-- <p >&emsp;&emsp;旨在提供计算机&nbsp;/&nbsp;编程相关的学业辅导和知识科普,帮助学生们提高相关课程学习质量，服务学生更好的利用计算机工具。</p> -->
                        </div>
                    </div>

                    <div  class="footer-box_right">
                        <img src="{% static 'image/code1.PNG' %}"  width="120" height="120" >
                    </div> 
                </div>
            </div>
        </div>  

        <div class="footer-bottom"  >
           @图灵课堂工作室
        </div>

    <script type="text/javascript" src = "{% static 'js/jquery-3.1.1.min.js' %}" ></script>
    <script type="text/javascript" src = "{% static 'js/bootstrap.min.js' %}" ></script>
    <script type="text/javascript" src = "{% static 'js/jquery.dataTables.js' %}" ></script>
    <script type="text/javascript" src = "{% static 'js/TableFunction.js' %}" ></script>
    <script type="text/javascript" src = "{% static 'ckeditor/ckeditor.js' %}"></script>
    <script type="text/javascript" src = "{% static 'js/Timer.js' %}" ></script>
    <script type="text/javascript" src = "{% static 'js/tagify.js' %}" ></script>
    <!-- <script type="text/javascript" src = "{% static 'js/jQuery.tagify.js' %}" ></script> -->


    
    
    {% block other_script %}
    {% endblock %}
    </body>
</html>
